<template>
  <div class="container">
    <el-row>
      <el-col :span="1">
        <el-avatar
          shape="square"
          :size="25"
          src="https://aedupro.oss-cn-beijing.aliyuncs.com/2022/04/30/92d61027d1ab465aa74eb94afed7bd6b%E8%89%BE%E6%96%AF.png"
        ></el-avatar>
      </el-col>
      <el-col :span="10" style="text-align: left">
        <span class="comName">&nbsp;老王</span>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="22" :offset="1" style="text-align: left; font-size: 14px">
        <span
          >在之前项目页面中再添加一个菜单：富文本编辑器菜单在之前项目页面中再添加一个菜单：富文本编辑器菜单</span
        >
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="8" :offset="1" class="time">
        <span>1小时前</span>
      </el-col>
      <el-col :span="13" style="text-align: right">
        <el-link type="info" :underline="false"
          ><i class="blogfont def-icondianzan1"></i><span>点赞</span></el-link
        >
        <el-link type="info" :underline="false" style="margin-left: 15px"
          ><i class="blogfont def-iconcai"></i><span>踩</span></el-link
        >
        <el-link
          icon="el-icon-chat-line-round"
          type="info"
          style="margin-left: 15px"
          :underline="false"
          >回复</el-link
        >
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      radio: "默认",
    };
  },
  components: {},
  methods: {},
};
</script>

<style>
.comName {
  font-size: 15px;
  font-weight: 600;
}
.time {
  font-size: 9px;
  text-align: left;
  line-height: 10px;
  margin-top: 6px;
  color: #a6a9ad;
}
</style>